<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Internet Dreams</title>
<link rel="stylesheet" href="css/form/form.css" type="text/css" media="screen" title="default" />
<!--form-->
<link rel="stylesheet" href="css/form/form.css" type="text/css" media="screen" title="default" />
<link rel="stylesheet" href="css/base/jquery.ui.all.css" type="text/css" />

<script type="text/javascript" src="scripts/js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="scripts/js/jquery-ui-1.9.2.custom.js"></script>
<script type="text/javascript" src="scripts/js/jquery-ui-1.9.2.custom.min.js"></script>
<script type="text/javascript" src="scripts/layout/ddaccordion.js"></script>
<script type="text/javascript" src="scripts/layout/jconfirmaction.jquery.js"></script>
<!--form-->

<script src="scripts/form/ui.checkbox.js" type="text/javascript"></script>
<script src="scripts/form/jquery.bind.js" type="text/javascript"></script>
<script src="scripts/form/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
<script src="scripts/form/jquery.filestyle.js" type="text/javascript"></script>

<!--start layout-->
<script src="scripts/layout/jquery.jclock-1.2.0.js.txt" type="text/javascript"></script>

<script type="text/javascript">
$(function(){
	$('input').checkBox();
	$('#toggle-all').click(function(){
 	$('#toggle-all').toggleClass('toggle-checked');
	$('#mainform input[type=checkbox]').checkBox('toggle');
	return false;
	});
});
</script>  

<!--  styled select box script version 2 --> 

<script type="text/javascript">
$(document).ready(function() {
	$('.styledselect_form_1').selectbox({ inputClass: "styledselect_form_1" });
	$('.styledselect_form_2').selectbox({ inputClass: "styledselect_form_2" });
});
</script>

<!--  styled file upload script --> 

<script type="text/javascript" charset="utf-8">
$(function() {
	$("input.file_1").filestyle({ 
	image: "imageForms/upload_file.gif",
	imageheight : 29,
	imagewidth : 78,
	width : 300
	});
});
</script>

<!--  date picker script -->


<script type="text/javascript" charset="utf-8">
$(function()
	{
		// initialise the "Select date" link
		$("#seDate")
			.datepicker(
				// associate the link with a date picker
				{
					startDate:'01/01/2005',
					endDate:'31/12/2020',
					showOn: 'button',
				    buttonImage: 'http://jqueryui.com/resources/demos/datepicker/images/calendar.gif',
				    buttonImageOnly: true,
					changeMonth: true, // must be disabled when using maxDate
					changeYear: true,
					  //onSelect:function(selectedDate){
							//alert("as");
								//your_function(selectedDate);
					//}
				});
	});
	

</script>


</script>
</head>
	<body> 
	<!-- start content-outer -->
	<div id="content-outer">
	<!-- start content -->
	<div id="content">


		<div id="page-heading"><h1>Add product</h1></div>
			<!-- start id-form -->
			<table border="0" cellpadding="0" cellspacing="0"  id="id-form">
				<tr>
					<th valign="top">Product name:</th>
					<td><input type="text" class="inp-form" /></td>
					<td></td>
				</tr>
				<tr>
					<th valign="top">Gender:</th>
					<td> <input type="radio" name="type" id="" value="" class=".inp-form-radio" /><label >Basic</label>
						<input type="radio" name="type" id="" value=""  class=".inp-form-radio"/><label >Medium</label>
						<input type="radio" name="type" id="" value=""  class=".inp-form-radio"/><label >Premium</label>
					</td>
					<td></td>
				</tr>
				
				<tr>
					<th valign="top">Product name:</th>
					<td><input type="text" class="inp-form-error" /></td>
					<td>
					<div class="error-left"></div>
					<div class="error-inner">This field is required.</div>
					</td>
				</tr>
				<tr>
				<th valign="top">Category:</th>
				<td>	
				<select  class="styledselect_form_1">
					<option value="">All</option>
					<option value="">Products</option>
					<option value="">Categories</option>
					<option value="">Clients</option>
					<option value="">News</option>
				</select>
				</td>
				<td></td>
				</tr>
				<tr>
				<th valign="top">Sub Category:</th>
				<td>	
				<select  class="styledselect_form_1">
					<option value="">All</option>
					<option value="">Products</option>
					<option value="">Categories</option>
					<option value="">Clients</option>
					<option value="">News</option>
				</select>
				</td>
				<td></td>
				</tr> 
				<tr>
					<th valign="top">Price:</th>
					<td><input type="text" class="inp-form" /></td>
					<td></td>
				</tr>
				<tr>
				<th valign="top">Select a date:</th>
				<td class="noheight">
				
					<table border="0" cellpadding="0" cellspacing="0">
					<tr  valign="top">
						<td>
						<td>
							<input type="text" class="inp-form" id="seDate" />
						</td>
					</tr>
					</table>
				
				</td>
				<td></td>
			</tr>		
			<tr>
				<th valign="top">Description:</th>
				<td><textarea rows="" cols="" class="form-textarea"></textarea></td>
				<td></td>
			</tr>
			<tr>
				<th>Image 1:</th>
				<td><input type="file" class="file_1" /></td>
				<td>
				<div class="bubble-left"></div>
				<div class="bubble-inner">JPEG, GIF 5MB max per image</div>
				<div class="bubble-right"></div>
				</td>
			</tr>
			<tr>
				<th>Image 2:</th>
				<td>  <input type="file" class="file_1" /></td>
				<td><div class="bubble-left"></div>
				<div class="bubble-inner">JPEG, GIF 5MB max per image</div>
				<div class="bubble-right"></div></td>
				</tr>
			<tr>
				<th>Image 3:</th>
				<td><input type="file" class="file_1" /></td>
				<td><div class="bubble-left"></div>
				<div class="bubble-inner">JPEG, GIF 5MB max per image</div>
				<div class="bubble-right"></div></td>
			</tr>
			<tr>
				<th>&nbsp;</th>
				<td valign="top">
					<input type="button" value="" class="form-submit" />
					<input type="reset" value="" class="form-reset"  />
				</td>
				<td></td>
			</tr>
		</table>
		<!-- end id-form  -->
	</body>
</html>